<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php
        /*
        * Print the <title> tag based on what is being viewed.
        */
        global $page, $paged;

        wp_title( '|', true, 'right' );

        // Add the blog name.
        bloginfo( 'name' );

        // Add the blog description for the home/front page.
        $site_description = get_bloginfo( 'description', 'display' );
        if ( $site_description && ( is_home() || is_front_page() ) )
        echo " | $site_description";

        // Add a page number if necessary:
        if ( $paged >= 2 || $page >= 2 )
        echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );

        ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url'); ?>/style.css?<?php echo rand(); ?>" />

<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
        /* We add some JavaScript to pages with the comment form
        * to support sites with threaded comments (when in use).
        */
        if(!is_admin())
        wp_enqueue_script('jquery');
        if ( is_singular() && get_option( 'thread_comments' ) )
        wp_enqueue_script( 'comment-reply' );

        /* Always have wp_head() just before the closing </head>
        * tag of your theme, or you will break many plugins, which
        * generally use this hook to add elements to <head> such
        * as styles, scripts, and meta tags.
        */
        wp_head();
        ?>
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" />

</head>

<script type="text/javascript">
    jQuery(document).ready(function($){
        jQuery('#nav li').hover(
            function () {
                //show its submenu
                //$('ul', this).fadeIn(500);
                $(this).find("ul").stop(false, true).fadeIn(500);
            },
            function () {
                //hide its submenu
                //$('ul', this).fadeOut(500);
                $(this).find("ul").stop(false, true).fadeOut(200);
            }
        );
    });
</script>

<?php if(is_page('288') or is_page('291')):?>
<script type="text/javascript">
        jQuery(document).ready(function($){
            jQuery().timelinr();
        });
    </script>
<?php endif;?>

<body <?php body_class(); ?>>
<div id="wrapper" class="hfeed">
<div id="header">
    <div id="header-content">
        <img id="logo" src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="<?php bloginfo( 'name' ); ?>"></img>
        <?php wp_nav_menu( array( 'container_class' => 'nav-wrapper', 'theme_location' => 'primary', 'menu_id' => 'nav' ) ); ?>
    </div>
</div><!-- #header -->

<div id="main">